<template>
  <view class="content">
    <view>
      <u-notice-bar :text="text1" :bgColor="bgColor" :color="color" icon="" :fontSize="fontSize"></u-notice-bar>
    </view>
    <view class="banner">
      <image
          src="/static/images/logo/0_img_banner.webp"
          class="m-img"
          mode="widthFix"
      >
      </image>
      <view class="index-xuan">
        <image
            src="/static/images/logo/0_banner_b.webp"
            class="m-img"
            mode="widthFix"
        >
        </image>
        <view class="index-xuan__box">
          <image
              src="/static/images/logo/0_xuan_1.webp"
              class="m-img1"
              mode="widthFix"
          >
          </image>
          <image
              src="/static/images/logo/0_xuan_2.webp"
              class="m-img2"
              mode="widthFix"
          >
          </image>
          <image
              src="/static/images/logo/m_xuan_center.webp"
              class="m-img3"
              mode="widthFix"
          >
          </image>
        </view>
      </view>

    </view>
    <view class="public_bg_color">
      <uni-forms :modelValue="form" label-width="auto" class="uniForms">
        <uni-forms-item label="您的姓名" name="name">
          <uni-easyinput
              type="text"
              v-model="form.name"
              placeholder="请输入姓名（必须汉字）"
              :input-border="false"
              :styles="styles"
              :clearable="false"
          />
        </uni-forms-item>
        <u-divider class="divider"></u-divider>
        <uni-forms-item label="您的性别">
          <uni-data-checkbox v-model="form.sex" :localdata="sexs" selectedColor="#333"/>
        </uni-forms-item>
        <u-divider class="divider"></u-divider>
        <view @click="clickCalendar">
          <uni-forms-item label="出生日期" name="age">
            <view style="font-size: .16rem;" class="imahe">
              <text v-if="!form.birthday">
                请选择出生日期(必填)
              </text>
              <text v-else>
                {{ form.birthday }}
              </text>
              <view
                  class="ims"
                  style=""></view>
            </view>
          </uni-forms-item>
        </view>

        <view class="index-form__agreement J_testFixedShow" @click="openDialogs">
          <a target="_blank" class="J_ajax_submit_btnsub">立即测算</a>
        </view>


        <view class="public_agreement">
          <view style="display: flex;justify-content:center ">
            <u-checkbox-group>
              <u-checkbox :checked="true" shape="square" :labelColor="labelColor"></u-checkbox>
            </u-checkbox-group>
            <view>
              <text> 我已阅读并同意</text>
              <text class="xieyi" @click="openDialog">《服务声明及隐私条款》</text>
            </view>
          </view>
          <view>
            已有
            <text class="xieyi">1831653</text>
            测算过，满意率
            <text class="xieyi">98.2%</text>
          </view>
        </view>
      </uni-forms>
      <!--      <select-calendar ref="refCalendar" @backData="backData"></select-calendar>-->
      <rui-datepicker-w ref="ruiDatepicker" @confirm="dateConfirm"></rui-datepicker-w>
    </view>

    <view class="m-box">
      <p class="m-box__title">
        助你把握人生中的好运时期
      </p>
      <image
          src="/static/images/logo/0_img_1.webp"
          class="m-img"
          mode="widthFix"
      >
      </image>

    </view>

    <view class="m-box">
      <p class="m-box__title">
        适合测终生运的人
      </p>
      <image
          src="/static/images/logo/0_img_2.webp"
          class="m-img"
          mode="widthFix"
      >
      </image>
    </view>

    <view class="m-box">
      <p class="m-box__title">
        测终生运势给生活的帮助
      </p>
      <image
          src="/static/images/logo/0_img_3.webp"
          class="m-img"
          mode="widthFix"
      >
      </image>
    </view>

    <view class="m-box">
      <p class="m-box__title">
        98%用户好评
      </p>
      <view class="uf_ul_wrap">
        <view class="dm-container">
          <view v-for="(item, index) in bulletList" :key="index" class="dm-item">
            <view class="names">
              <strong>
                {{ item.name }}
              </strong>
              <view style="margin-left: 20rpx">(八字测终生运)</view>
            </view>
            <view>{{ item.des }}</view>
          </view>
        </view>
      </view>
    </view>

    <view class="public_footer_servers">
      <image
          src="/static/images/logo/img_foot_xin (1).webp"
          class="m-imgs1"
          mode="widthFix"
      >
      </image>
      <image
          src="/static/images/logo/img_foot_al (1).webp"
          class="m-imgs2"
          mode="widthFix"
      >
      </image>
    </view>
    <view class="public_test_fixed" :class="{'public_pay_bottom-span--hidden':isVisable}">
      <text class="public_test_fixed-text" @click="toText">
      </text>
    </view>
    <uni-popup ref="popupes" background-color="#fff">
      <view class="ppb_content">
        <view>
          <uni-segmented-control
              style="color: black"
              :current="current"
              :values="items"
              :style-type="styleType"
              :active-color="activeColor"
              @clickItem="onClickItem"
          />
        </view>
        <view v-if="!isShowXieyi" class="ppb_tab_text-yinsi">
          <p class="J_tabText">
            本平台已开展了丰富多彩的内容业务，
            其中包括了在线测算。
            为说明在线测算平台（以下简称平台）会如何收集、
            使用和存储您的个人信息及您享有何种权利，
            我们将通过本协议向您阐述相关事宜，其中要点如下：
          </p>
          <p class="J_tabText">
            1、我们将逐一说明我们收集的您的个人信息类型及其对应的用途，
            以便您了解我们针对某一特定功能所收集的具体个人信息的类别、
            使用理由及收集方式。
          </p>
          <p class="J_tabText">
            2、当您使用一些功能时，我们会在获得您的同意后，
            收集您的一些隐私信息，例如提供测算服务时，我们需要您的
            <text
                style="-webkit-tap-highlight-color: transparent; display: inline-block; text-decoration-line: underline;">
              姓名和生辰命格
            </text>
            进行分析；为了保存您的分析报告结果，我们需要获取您的手机或邮箱。如拒绝提供这些信息会使您无法使用相关特定功能。
          </p>
          <p class="J_tabText">
            3、目前，在线测算平台不会主动共享或转让您的个人信息至本平台以外的第三方，
            如存在其他共享或转让您的个人信息情形时，
            我们会征得您的明示同意，
            此外我们会对对外提供信息的行为进行风险评估。
          </p>
          <p class="J_tabText">
            4、您可以通过本声明所列途径访问
            、更正、删除您的个人信息，也可以撤回同意、注销帐号、投诉举报。
          </p>
          <p class="J_tabText">
            如您想了解更加详尽的信息，请根据以下索引阅读相应章节：
          </p>
          <h3 class="J_tabText-zhangjie">
            一、 我们收集的信息
          </h3>
          <h3 class="J_tabText-zhangjie">
            二、信息的存储
          </h3>
          <h3 class="J_tabText-zhangjie">
            三、信息安全
          </h3>
          <h3 class="J_tabText-zhangjie">
            四、我们如何使用信息
          </h3>
          <h3 class="J_tabText-zhangjie">
            五、关于Cookie的使用
          </h3>
          <h3 class="J_tabText-zhangjie">
            六、您的权利
          </h3>
          <h3 class="J_tabText-zhangjie">
            七、免责声明
          </h3>
          <h3 class="J_tabText-zhangjie">
            八、对外提供
          </h3>
          <h3 class="J_tabText-zhangjie">
            九、变更
          </h3>
          <h3 class="J_tabText-zhangjie">
            十、其他
          </h3>
          <h3 class="J_tabText-zhangjie">
            十一、联系我们
          </h3>
          <h2 class="J_tabText-xieyi">
            一、我们收集的信息
          </h2>
          <p class="J_tabText">
            在您使用在线测算服务的过程中，
            本平台会按照如下方式收集您在使用服务时主动提供或因为使用服务而产生的信息，
            用以向您提供服务、优化我们的服务以及保障您的帐号安全：
          </p>
          <p class="J_tabText">
            1、当您进入某些测算服务前（较少），我们可能会获取您的微信头像、微信昵称信息，收集
            <b style="-webkit-tap-highlight-color: transparent;">
              微信头像和昵称
            </b>
            信息是为了帮助您完成测算报告的归属认证，保障您的报告评测结果与您的账号相关联并保留。
          </p>
          <p class="J_tabText">
            2、在您体验测算服务时，我们需要获取您的
            <b style="-webkit-tap-highlight-color: transparent;">
              姓名和生辰命格
            </b>
            （出生日期），为了保证数据准确性，
            <text
                style="-webkit-tap-highlight-color: transparent; display: inline-block; text-decoration-line: underline;">
              我们建议您提供真实的个人信息，若您提供的信息有错误， 会对测算结果的准确性造成偏差。我们保证您的所有个人信息除了用于生成测算数据以外，
              不会用于其他用途。
            </text>
          </p>
          <p class="J_tabText">
            3、当您体验完测算服务后，您可以主动保存分析报告结果，
            这时候我们需要获取您的手机或邮箱，用来发送报告结果，方便你进行查看。
          </p>
          <h2 class="J_tabText-xieyi">
            二、信息的存储
          </h2>
          <p class="J_tabText">
            1、信息存储的地点
          </p>
          <p class="J_tabText">
            我们会按照法律法规规定，将境内收集的用户个人信息存储于中国境内。
          </p>
          <p class="J_tabText">
            2、信息存储的期限
          </p>
          <p class="J_tabText">
            一般而言，我们仅为实现目的所必需的时间保留您的个人信息，
            例如：微信头像和微信昵称，若您需要使用测算服务，
            我们需要一直保存您的微信头像和微信昵称，
            以保证您正常使用该服务，当您一段时间未进入网页或程序后，
            我们将删除相应的信息；当我们的产品或服务发生停止运营的情形时，
            我们将以推送微信服务消息通知、短信等形式通知您，
            并在合理的期限内删除您的个人信息或进行匿名化处理。
          </p>
          <h2 class="J_tabText-xieyi">
            三、信息安全
          </h2>
          <p class="J_tabText">
            我们努力为用户的信息安全提供保障，以防止信息的丢失、不当使用、未经授权访问或披露。
          </p>
          <p class="J_tabText">
            我们将在合理的安全水平内使用各种安全保护措施以保障信息的安全。
            例如，我们会使用加密技术（例如，SSL）、匿名化处理等手段来保护您的个人信息。
            我们通过不断提升的技术手段加强我们产品的安全能力，以防止您的个人信息泄露。
            例如， 我们为了安全传输会在您的设备本地完成部分信息加密的工作。
            我们建立专门的管理制度、流程和组织以保障信息的安全。
            例如， 我们严格限制访问信息的人员范围， 要求他们遵守保密义务， 并进行审计。
            若发生个人信息泄露等安全事件， 我们会启动应急预案， 阻止安全事件扩大，
            并以公告、 短信等形式告知您。
          </p>
          <h2 class="J_tabText-xieyi">
            四、我们如何使用信息
          </h2>
          <p class="J_tabText">
            在现行法律法规允许的范围内，我们可能将通过某些功能所收集的信息用于我们的其他服务。例如，本平台可能会将您非隐私的个人信息用于市场营销，使用方式包括但不限于：
            <text
                style="-webkit-tap-highlight-color: transparent; display: inline-block; text-decoration-line: underline;">
              在网页或者app平台中向您展示或提供广告和促销资料，向您通告或推荐服务或产品信息，使用电子邮件，短信等方式推送其他此类根据您使用圣智文化服务或产品的情况所认为您可能会感兴趣的信息。
            </text>
          </p>

          <p class="J_tabText">
            如我们使用您的个人信息，超出了与收集时所声称的目的及具有直接或合理关联的范围，我们将在使用您的个人信息前，再次向您告知并征得您的明示同意。
          </p>
          <h2 class="J_tabText-xieyi">
            五、关于Cookie的使用
          </h2>
          <p class="J_tabText">
            为确保网页正常运转,为您提供更为便捷的访问体验,我们会在您的计算机或移动设备上存储名为 Cookie
            B的小数据文件。Cookie通常包含标识符、站点名称以及一些号码和字符。借助于cookie,网页或客户端能够存储您的偏好或历史报告等数据。我们不会将Cookie用于本协议所述目的之外的任何用途。您可根据自己的偏好管理或清除移动设备（或计算机）上保存的所有
            cookie。
          </p>
          <p class="J_tabText">
            但如果您这么做则会影响我们为您提供更好的用户使用体验以及更方便的服务
          </p>
          <h2 class="J_tabText-xieyi">
            六、您的权利
          </h2>
          <p class="J_tabText">
            在您使用在线测算期间，为了您可以更加便捷地访问、更正、删除您的个人信息，同时保障您撤回对个人信息使用的同意的权利，我们在产品设计中为您提供了相应的操作设置，您可以参考下面的指引进行操作，此外，我们还设置了投诉举报渠道，您的意见将会得到及时的处理
          </p>
          <p class="J_tabText">
            1、查询个人信息和报告
          </p>
          <p class="J_tabText">
            （1）进入测算首页，点击“查询历史订单”；
          </p>
          <p class="J_tabText">
            （2）输入订单编号、姓名，点击搜索即可查询
          </p>
          <p class="J_tabText">
            2、投诉举报
          </p>
          <p class="J_tabText">
            3、您可以通过客服反馈您的问题，我们将在第一时间回复并尽我们最大的努力解决您的问题。
          </p>
          <h2 class="J_tabText-xieyi">
            七、免责声明
          </h2>
          <p class="J_tabText">
            1、本平台与其他的在线使用的互联网网站一样,也会受到各种不良信息、网络安全和网络故障问题的困扰,包括但不限于：
          </p>
          <p class="J_tabText">
            （1）其他用户可能会发布诈骗或虚假信息,或者发表有谩骂、诅咒、诋毁、攻击内容的,或者含有淫秽、色情、下流、反动、煽动民族仇恨等让人反感、厌恶的内容的非法言论；
          </p>
          <p class="J_tabText">
            （2）其他用户可能会发布一些侵犯您或者其他第三方知识产权、肖像权、姓名权、名誉权、隐私权和/或其他合法权益的图片、照片、文字等资料；
          </p>
          <p class="J_tabText">
            （3）因您个人未妥善保护账号，或因您将帐号转让、出借、销售或以任何脱离控制的形式交由他人使用，或因黑客行为导致帐号遭他人非法使用；
          </p>
          <p class="J_tabText">
            （4）面临着诸如黑客攻击、计算机病毒困扰、系统崩溃、网络掉线、网速缓慢、程序漏洞等问题的困扰和威胁。例如，
            <text
                style="-webkit-tap-highlight-color: transparent; display: inline-block; text-decoration-line: underline;">
              可能存在的百度快照抓取测算结果行为，这个是百度收录机制造成，并非我们主动泄露测算结果。
            </text>
            同时我们已在技术上防止搜索引擎收录测算结果，严格保护您的测算数据，请您放心，如您发现自己的测算结果被百度快照收录，请点击：
            <a href="http://help.baidu.com/webmaster/add" target="_blank"
               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(51, 51, 51); user-select: none; appearance: none; border-radius: 0px;">http://help.baidu.com/webmaster/add</a>
            提交反馈，百度方确认后会进行删除。
          </p>
          <p class="J_tabText">
            2、您充分理解到：本协议上述的各种不良信息、网络安全和网络故障问题,并不是本平台所导致的问题,由此可能会造成您感到反感、恶心、呕吐等精神损害,或者给您造成其他的损失,概由您自行承担,本平台无须向您承担任何责任。
          </p>
          <h2 class="J_tabText-xieyi">
            八、对外提供
          </h2>
          <p class="J_tabText">
            除按法律法规规定外，我们不会主动对外公开披露所收集的个人信息，如须主动公开披露时，我们会向您告知此次公开披露的目的、披露信息的类型及可能涉及的敏感信息，并征得您的明示同意。
          </p>
          <p class="J_tabText">
            本平台也不会主动共享或转让您的个人信息至本平台以外的第三方，如存在其他共享或转让您的个人信息情形时，我们会征得您的明示同意，此外我们会对对外提供信息的行为进行风险评估。
          </p>
          <p class="J_tabText">
            随着我们业务的持续发展，我们将按照法律法规及不低于本声明所要求的标准继续保护或要求新的控制者继续保护您的个人信息。
          </p>
          <h2 class="J_tabText-xieyi">
            九、变更
          </h2>
          <p class="J_tabText">
            我们可能会适时对本声明进行修订。当声明的条款发生变更时，将会在网页的重要位置上提示修改内容。请您注意，只有在您勾选同意按钮后，我们才会按照更新后的声明收集、使用、存储您的个人信息。
          </p>
          <h2 class="J_tabText-xieyi">
            十、其他
          </h2>
          <p class="J_tabText">
            在线测算用户隐私条款中所规定的用户权利及信息安全保障措施均适用于在线测障您的帐号安全
          </p>
          <h2 class="J_tabText-xieyi">
            十一、与我们联系
          </h2>
          <p class="J_tabText">
            当您有其他的投诉、建议、未成年人个人信息相关问题时，请通过平台客服与我们联系。您也可以将您的问题发送至
            <text
                style="-webkit-tap-highlight-color: transparent; display: inline-block; text-decoration-line: underline;">
              123456@qq.com
            </text>
            或电话
            <a href="tel:13636268062"
               style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(51, 51, 51); user-select: none; appearance: none; border-radius: 0px;">13636268062</a>
            告知我们，我们将尽快审核所涉问题，并在验证您的用户身份后的3-5个工作日内予以回复。
          </p>
        </view>
        <view v-else class="ppb_tab_text-fuwu">
          <h2 class="J_tabText-xieyi">
            一、总则
          </h2>
          <p class="J_tabText">
            1、为了保护网络信息安全，保障公民、法人和其他组织的合法权益，维护国家安全和社会公共利益，
            根据国家法律法规以及全国人大常委会的相关规定，本平台制定并按照本协议提供网络服务。
            用户应当充分阅读并同意本协议的全部条款并按照页面上的提示完成全部的注册程序（未成年人应与法定监护人共同完成）。
            用户选择访问或使用本平台有关服务，将视为同意接受本协议全部条款的约束。
          </p>
          <p class="J_tabText">
            2、除非另有明确规定，本平台所推出的新产品、新功能和新服务，均无条件的适用本协议。
          </p>
          <p class="J_tabText">
            3、本平台保留在任何时候修改本协议条款的权利，且无需另行通知。用户在使用服务时应关注并遵守。
          </p>
          <p class="J_tabText">
            4、用户在使用本平台提供的各项服务之前，应仔细阅读本协议。如果您不同意本协议或本平台的修改，可以主动取消本平台提供的服务；如果您继续使用本平台服务，则视为您已经接受本协议全部内容，包括本平台对本协议所做的任何修改。
          </p>
          <p class="J_tabText">
            5、用户无论通过何种方式使用本平台服务，均受本协议约束。
          </p>
          <p class="J_tabText">
            6、本协议可由本平台随时更新，更新后的协议及规则条款一旦公布即代替原来的条款，恕不再另行通知。用户可在本平台网站查阅最新版协议及规则条款。在本平台修改协议或规则条款后，如果用户不接受修改后的条款，请立即停止使用对应的本平台服务，用户继续使用本平台服务将被视为已接受了修改后的条款。
          </p>
          <h2 class="J_tabText-xieyi">
            二、协议的性质与条款的接受
          </h2>
          <p class="J_tabText">
            1、本协议是用户（无论个人或单位）与本平台之间就在线测试平台的使用和管理所约定的协议（下称“本协议”）。接受本协议的全部条款，构成用户使用本平台所提供的服务之先决条件，本平台将严格依照本协议中的条款提供服务。
          </p>
          <p class="J_tabText">
            2、用户访问或使用在线测试平台提供的服务，则表示用户接受本协议的全部条款；如用户不愿意接受本协议的全部条款，则应不使用或主动退订在线测试提供的服务。本平台有权随时修改本协议中的服务条款，一旦条款发生变更或修改，本平台将在相关页面上公示；如果用户继续使用本平台提供的服务，则视为用户已接受本协议的修改内容；如果用户不同意本协议的修改，可以退订已经订阅的服务并停止使用。
          </p>
          <p class="J_tabText">
            3、本平台向用户提供的收费服务，对于用户已经缴纳的服务费用不进行任何形式的退款。当用户选择付费时，表明用户已经完全同意此条款；如果用户不同意本条款，可以退订已经订阅的服务并停止使用。
          </p>
          <h2 class="J_tabText-xieyi">
            三、服务说明
          </h2>
          <p class="J_tabText">
            1、
            本平台提供的咨询服务、内容结果仅作参考之用，故本平台不做后续结果保证。需用户自行独立判断决定是否接纳平台所给建议，另用户需保持积极向上心态，不得因此产生精神依赖，否则自行承担因自身判断失准产生的后果以及与之相关的法律责任；
          </p>
          <p class="J_tabText">
            用户具备履行本协议项下之义务、各种行为的能力；用户履行相关义务、从事相关行为不违反任何对用户的有约束力的法律文件。否则，用户应不使用本平台提供的相关服务，且应独自承担由此带来的一切责任及全部损失。
          </p>
          <p class="J_tabText">
            2、用户在平台上接受的各种服务，符合国家相关法规的规定，不违反任何相关法规及相关协议、规则，也不会侵犯任何人的合法权益。
          </p>
          <p class="J_tabText">
            3、用户理解并接受本平台提供的服务中可能包括广告，同意在使用网络服务的过程中显示本平台和第三方供应商、合作伙伴提供的广告。
          </p>
          <p class="J_tabText">
            4、为了便于用户使用本平台相关服务，用户理解并接受，本平台可以通过邮件、短信、电话、站内信、弹出消息、客户端推送等形式，向本平台网络服务的注册用户、购物用户、收货人等发送公示文案、订单信息、促销活动、广告等各类通知。
          </p>
          <p class="J_tabText">
            5、服务费用
          </p>
          <p class="J_tabText">
            5.1
            用户因使用本平台或预测师提供的相关服务（包括但不限于向预测师咨询服务等），产生的所有服务费用由用户自行承担，用户应按照相关协议、规则等支付费用，否则，本平台或预测师有权不提供相关服务。用户选择使用相关服务并支付费用后，在服务未到期之前，若用户单方要求提前解除服务的，本平台有权将用户未使用的服务对应的费用不予退还而作
            为用户单方违约的违约金予以没收。
          </p>
          <p class="J_tabText">
            5.2 本平台可能根据实际需要对收费服务的收费标准、方式进行修改和变更，如果用户不同意上述修改、变更，则应停止使用相应服务，否则，用户的任何使用行为，即视为同意上述修改、变更。
          </p>
          <h2 class="J_tabText-xieyi">
            四、用户使用规则
          </h2>
          <p class="J_tabText">
            1、用户在使用本平台服务的过程中，同意遵守《中华人民共和国保守国家秘密法》、《中华人民共和国着作权法》、《中华人民共和国商标法》、《中华人民共和国专利法》、《中华人民共和国计算机信息系统安全保护条例》、《计算机软件保护条例》、《互联网电子公告服务管理规定》、《信息网络传播权保护条例》等相关法律、法规。在任何情况下，本平台一旦有合理理由认为用户的行为可能违反上述法律、法规，可以在任何时候不经事先通知终止向该用户提供服务。
          </p>
          <p class="J_tabText">
            2、用户在申请使用本平台服务时，必须向本平台提供完整、真实、准确的个人资料。如果上述个人资料信息发生变化，用户应及时更改。
          </p>
          <p class="J_tabText">
            3、用户应妥善保管好自己的账号、密码，不得转让或出借给他人使用。用户在使用本平台服务后，须将有关账号安全退出。当账号或密码遭到未经授权的使用，应当及时通知本平台，本平台依法根据用户的通知、用户的个人资料及现有技术手段协助用户取回账号、密码，账号或密码遭到未经授权的使用期间造成的损失，本平台不承担任何责任。
          </p>
          <p class="J_tabText">
            4、用户同意：本平台在提供服务的过程中以各种方式投放推广信息（包括但不限于：电子邮件、网站联络方式、在本平台平台的任何位置上投放），用户同意接受本平台以上述方式向用户发送推广信息。
          </p>
          <p class="J_tabText">
            5、禁止用户从事以下行为：
          </p>
          <p class="J_tabText">
            （5.1）传送包含任何反对宪法所确定的基本原则、危害国家安全、泄露国家秘密、颠覆国家政权、破坏国家统一、破坏民族团结、损害国家荣誉和利益、煽动民族仇恨、民族歧视、破坏民族团结、破坏国家宗教政策、宣扬邪教和封建迷信、淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪、侮辱或者诽谤他人，侵害他人合法权益的等法律、行政法规禁止的内容，包括但不限于资讯、资料、文字、软件、音乐、照片、图形、信息或其他资料；
          </p>
          <p class="J_tabText">
            （5.2）将侵犯任何人的姓名权、肖像权、知识产权（包括但不限于专利权、商标权、着作权、商业秘密等）或其他专属权利的内容、或无权传送的内容（包括但不限于内部资料、机密资料）加以上载、张贴、发送电子邮件或以其他方式传送；
          </p>
          <p class="J_tabText">
            （5.3）以任何方式危害未成年人；
          </p>
          <p class="J_tabText">
            （5.4）伪造标题或以其他方式操控识别资料，使人误认为该内容为本平台所传送；
          </p>
          <p class="J_tabText">
            （5.5）冒充任何人或机构，或以虚伪不实的方式谎称或使人误认为与任何人或任何机构有关从事诈骗、欺骗行为；
          </p>
          <p class="J_tabText">
            （5.6）传播病毒软件或其他破坏计算机代码、档案和程序资料
          </p>
          <p class="J_tabText">
            （5.7）干扰或破坏本平台服务或与本平台网络服务相连的服务器和网络；
          </p>
          <p class="J_tabText">
            （5.8）将广告函件、促销资料、“垃圾邮件”等，加以上载、张贴、发送电子邮件或以其他方式传送，但供前述目的使用的专用区域除外；
          </p>
          <p class="J_tabText">
            （5.9）跟踪或以其他方式骚扰他人；
          </p>
          <p class="J_tabText">
            （5.10）其他违反任何相关的中国法律、法规、规章、条例等具有法律效力的规范的行为。
          </p>
          <h2 class="J_tabText-xieyi">
            五、知识产权保护
          </h2>
          <p class="J_tabText">
            1、本平台对产品服务及本产品所使用的软件所包含的受知识产权法或其他法律保护的资料享有相应的权利，本产品的整体内容版权归本平台所有。本产品所有设计图样以及其他图样、产品及服务名称，均为本平台所享有，任何人不得使用、复制或用作其他用途。用户对本产品所使用的软件有非专属性使用权，但不得自行或许可任何第三方复制、修改、出售或衍生产品。
          </p>
          <p class="J_tabText">
            2、经由本产品传送的文字、图片、音频、视频及其他内容，受到着作权法、商标法、专利法或其他法律的保护；除该文字、图片、音频、视频及其他内容的上载用户所享有的着作权，未经本平台书面授权许可，第三方不得进行修改、出租、售卖或衍生其他作品。
          </p>
          <p class="J_tabText">
            3、本平台对其专有内容、原创内容和其他通过授权取得的独占或者独家内容享有知识产权。未经本平台书面许可，任何单位和个人不得私自转载、传播和提供收听服务或者有其他侵犯本平台知识产权的行为。否则，将承担法律责任。
          </p>
          <p class="J_tabText">
            4、除非本平台收到相关通知，本平台将用户视为其在本产品上载或发布的内容的版权所有人。用户访问或使用本平台提供的服务，则表示用户接受本协议的全部条款，即表明该用户主动将其在任何时间段在本产品发表的任何形式的内容的着作财产权无偿授权给本平台使用，本平台有权通过在线测试对内容进行复制、下载、编辑、修改、展示及网络传播。同时用户许可本平台有权利就任何主体侵权而单独提起诉讼，并获得赔偿。本协议已经构成《著作权法》第二十五条所规定的书面协议，其效力及于用户在本产品发布的任何受着作权法保护的内容，无论该内容形成于本协议签订前还是本协议签订后。
          </p>
          <h2 class="J_tabText-xieyi">
            六、免责声明
          </h2>
          <p class="J_tabText">
            1、本平台对于任何包含、经由或链接、下载或从任何与有关本平台平台所获得的任何内容、信息或广告，不声明或保证其正确性或可靠性；并且对于用户经本平台平台上的广告、展示而购买、取得的任何产品、信息或资料，本平台不负保证责任。用户自行负担使用上述内容、信息或广告的风险。
          </p>
          <p class="J_tabText">
            2、本平台不保证（包括但不限于）：
          </p>
          <p class="J_tabText">
            （2.1）本服务适合用户的使用要求；
          </p>
          <p class="J_tabText">
            （2.2）本服务不受干扰，及时、安全、可靠或不出现错误，本服务可能出现瑕疵，包括但不限于黑客入侵、网络中断、电信问题及其他不可抗力等；
          </p>
          <p class="J_tabText">
            （2.3）用户经由本服务取得的任何产品、服务或其他材料符合用户的期望；
          </p>
          <p class="J_tabText">
            （2.4）本服务及内容结果的任何答复的准确度
          </p>
          <p class="J_tabText">
            3、用户使用经由本平台平台下载的或取得的任何资料，其风险自行负担，因该使用而导致用户电脑系统损坏或资料流失，本平台不承担任何责任；
          </p>
          <p class="J_tabText">
            4、基于以下原因而造成的利润、商业信誉、资料损失或其他有形或无形损失，本平台不承担任何责任，也不承担赔偿义务：
          </p>
          <p class="J_tabText">
            （4.1）本服务的使用或无法使用；
          </p>
          <p class="J_tabText">
            （4.2）经由本服务购买或取得的任何产品、资料或服务；
          </p>
          <p class="J_tabText">
            （4.3）用户资料遭到未授权的使用或修改；
          </p>
          <p class="J_tabText">
            （4.4）其他与本服务相关的事宜。
          </p>
          <p class="J_tabText">
            5、本平台在服务过程中可能会提供与其他国际互联网网站或任何第三方资源的链接。除非另有声明，本平台无法对第三方网站、资源所提供之服务进行控制，用户因使用上述网站或资源所产生的损失或损害，本平台不承担任何责任。
          </p>
          <p class="J_tabText">
            6、本协议上述各种条件造成您感到反感、恶心、呕吐等精神损害,或者给您造成其他的损失,概由您自行承担,本平台无须向您承担任何责任。
          </p>
        </view>
        <u-button class="buttons" @click="closeXieyi">关闭</u-button>
      </view>
    </uni-popup>
    <u-toast ref="uToast"></u-toast>
    <!--    <a target="_blank" class="m-order-history" @click="toOrder">订单查询</a>-->
  </view>
</template>

<script>
import SelectCalendar from "@/components/calendarConverter/index.vue";
import {statistics, userInfo, yuPayWxPay} from "@/api/system/system";

export default {
  components: {SelectCalendar},
  data() {
    return {
      birthday: null,
      bulletList: [
        {
          name: '陈先生 150****1027',
          des: '给我父母测算了一下，里面有提到今年需要注意他们的疾厄宫有异动，决定年底带他们去做一个身体体检，父母平安我心里也放心。'
        },
        {
          name: '林女士 186****4950',
          des: '我儿子29岁了没有谈恋爱，家里介绍相亲他又看不上，我很是担心他，想看看他的一生姻缘走势如何，这个很准的话就好了。'
        },
        {
          name: '何女士 180****6084',
          des: '以前我也是不相信命运的人，认为我命由我不由天，一路磕磕碰碰走了很多的弯路，对此非常后悔，随着个人阅历的增加慢慢的我开始学着去和自己的命运妥协，审时度势，运势好的时候更加努力冲一把，运势差的时候冷静下来积蓄力量等待机会。我变得不再那么的浮躁，也享受到了命运的恩赐。 '
        },
        {
          name: '秦先生 186****8082',
          des: '说我三十岁以前不会有大财，三十岁以后有偏财运和遇贵人，三十岁的我也确实发现自己正刚进入事业上升期。'
        },
        {
          name: '陈先生 150****1027',
          des: '给我父母测算了一下，里面有提到今年需要注意他们的疾厄宫有异动，决定年底带他们去做一个身体体检，父母平安我心里也放心。'
        },
        {
          name: '林女士 186****4950',
          des: '我儿子29岁了没有谈恋爱，家里介绍相亲他又看不上，我很是担心他，想看看他的一生姻缘走势如何，这个很准的话就好了。'
        },
        {
          name: '何女士 180****6084',
          des: '以前我也是不相信命运的人，认为我命由我不由天，一路磕磕碰碰走了很多的弯路，对此非常后悔，随着个人阅历的增加慢慢的我开始学着去和自己的命运妥协，审时度势，运势好的时候更加努力冲一把，运势差的时候冷静下来积蓄力量等待机会。我变得不再那么的浮躁，也享受到了命运的恩赐。 '
        },
        {
          name: '秦先生 186****8082',
          des: '说我三十岁以前不会有大财，三十岁以后有偏财运和遇贵人，三十岁的我也确实发现自己正刚进入事业上升期。'
        },
      ],
      isShowXieyi: false,
      inActiveColor: '#e6e6e6',
      items: ['隐私协议', '服务协议'],
      current: 0,
      activeColor: '#fff',
      styleType: 'button',
      checked: [true],
      labelColor: '#FFF',
      styles: {
        borderColor: 'transparent',
        fontSize: 16 + 'px',
        disableColor: 'transparent'
      },
      sexs: [{
        text: '男',
        value: 0
      }, {
        text: '女',
        value: 1
      }],
      form: {
        sex: 0,
        birthday: null,
        name: null
      },
      fontSize: '.15rem',
      bgColor: '#864a30',
      color: '#FFF',
      text1: '本网页数据安全由阿里云提供，严格按照法律法规和用户协议对您的信息进行全方位保护，请放心使用，测试仅供娱乐！',
      info: {},
      yearOld: null,
      id: null,
      isVisable: true,
      $chou: null,
      code: null,
      bd_vid: null,
      date: null,
      hour: null,
    }
  },
  created() {
    //添加滚动监听事件
    //在窗口滚动时调用监听窗口滚动方法
    window.addEventListener('scroll', this.windowScrollListener);
  },
  onLoad() {
    this.generateUniqueRandomWithSet()
    this.getExternalIP();
    const url = document.URL
    // 创建一个URL对象
    const urlObj = new URL(url);
    // 使用URLSearchParams获取code参数的值
	//注释一下，上线的时候注意放开
    const bd_vid = urlObj.searchParams.get('bd_vid');
	// const bd_vid =1234568
    if (bd_vid) {
      this.bd_vid = bd_vid
      localStorage.setItem('bd_vid', this.bd_vid)
    }
  },
  destroyed() {
    //离开页面时删除该监听
    window.removeEventListener('scroll', this.windowScrollListener)
  },
  methods: {
    async getExternalIP() {
      fetch('https://2024.ipchaxun.com/')
          .then(response => response.json())
          .then(data => {
            let address = data.data[0] + data.data[1] + data.data[2]
            localStorage.setItem('userAddress', address)
            this.getStatistics()
          })
          .catch(error => {
            localStorage.setItem('userAddress', '中国-山东济南')
            this.getStatistics()
          });
    },
    //新增用户信息
    getStatistics() {
      let params = {
        "requestUrl": document.URL,
        "userName": "",
        "userPhone": "",
        "orderNum": "",
        "type": "0",
        "payPrice": "0",
        'payStatus': 0,
        userAddress: localStorage.getItem('userAddress')
      }
      statistics(params).then(res => {

      }).catch(() => {
      })
    },
    toText() {
      window.scrollTo({
        top: 535,
        behavior: 'smooth'
      })
    },
    windowScrollListener() {
      var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
      if (scrollTop >= 900) {
        this.isVisable = false;
      }
      if (scrollTop < 900) {
        this.isVisable = true;
      }
    },
    //日期选择器回调
    backData(data) {
      if (Object.keys(data).length !== 0) {
        this.info = data
        this.yearOld = data.lYear + '-' + data.cMonth + '-' + data.cDay
        this.$chou = data.$chou
        if (data.calendarType === "solar") {
          this.form.birthday = data.result
        } else {
          // this.form.birthday = data.gzYear + "年" + data.IMonthCn + data.IDayCn + data.$lhou + data.$lmin
          this.form.birthday = data.result
        }
      }
    },
    //生成随机数
    generateUniqueRandomWithSet() {
      const now = new Date();
      const year = now.getFullYear();
      const month = String(now.getMonth() + 1).padStart(2, '0');
      const day = String(now.getDate()).padStart(2, '0');
      let timestampPart = (Date.now() * Math.random()).toString().slice(0, 10);
      let randomPart = Math.floor(Math.random() * 100000).toString().padStart(5, '0');
      this.orderNumber = `${year}${month}${day}` + timestampPart + randomPart;
      localStorage.setItem('orderNumber', this.orderNumber)
      return this.orderNumber
    },
    //新增统计2
    getStatistics2() {
      let params = {
        "requestUrl": document.URL,
        "userName": this.form.name,
        "userPhone": '',
        "orderNum": localStorage.getItem('orderNumber'),
        "type": "1",
        "payPrice": "0",
        'payStatus': 0,
        userAddress: localStorage.getItem('userAddress')
      }
      statistics(params).then(res => {
      }).catch(() => {
      })
    },
    //时间选择器确认
    dateConfirm(val) {
      if (val) {
        this.yearOld = val.year + '-' + val.month + '-' + val.day
        this.$chou = val.hour
        if (val.lastTab == 'lunar') {
          this.form.birthday = val.lunarStr
        } else {
          this.form.birthday = val.solarStr
        }
      }
    },
    //打开时间选择器
    clickCalendar() {
      this.$refs['ruiDatepicker'].init({
        confirm: true,          //是否需要确认
        date: this.yearOld || '1985-10-24',     //默认日期(新历)
        hour: this.$chou || '-1',             //默认时辰,未知
        showHour: true,         //是否有时辰选项
        lunar: true,            //默认展示农历
      })
    },
    closeXieyi() {
      this.$refs.popupes.close()
    },
    onClickItem(e) {
      this.isShowXieyi = !this.isShowXieyi
    },
    //创建预支付订单
    yuPayWxPay() {
      let params = {
        "customerName": this.form.name,
        "sex": this.form.sex,
        "brithDate1": this.yearOld,
      }
      yuPayWxPay(params).then(res => {
        localStorage.setItem('customerId', res.data.id)
        localStorage.setItem('birthday', res.data.brithDate1)
        this.$tab.navigateTo(`/pages/shenchenxp_order/index`)
      }).catch(() => {
      })
    },
    //点击测算按钮
    openDialogs(e) {
      const now = new Date();
      const birth = new Date(this.yearOld);
      const diff = now.getTime() - birth.getTime();
      const age = Math.floor(diff / (365 * 24 * 3600 * 1000));
      if (!this.form.name) {
        this.$refs.uToast.show({
          message: '没有填姓名！'
        })
        return
      }
      var reg = /.*[\u4e00-\u9fa5]+.*$/
      if (!reg.test(this.form.name)) {
        this.$refs.uToast.show({
          message: '请输入正确的名字'
        })
        return
      }
      if (!this.form.birthday) {
        this.$refs.uToast.show({
          message: '请输入生日！'
        })
        return
      }
      if (age < 18) {
        this.$refs.uToast.show({
          message: '未成年不能进行测算'
        })
        return
      }
	  // 暂时先注销
      // this.createPayWxPay()
	  this.yuPayWxPay()
      //this.getStatistics2()
      localStorage.setItem('name', this.form.name)
      localStorage.setItem('$chou', this.$chou)
      localStorage.setItem('sex', this.form.sex)
    },
    openDialog() {
      this.$refs.popupes.open()
    },
  },
}
</script>

<style lang="scss" scoped>
.m-img1 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.01rem;
  margin-left: -1.01rem;
  z-index: 1;
  width: 2.02rem;
  height: 2.02rem;
  overflow: hidden;
  animation: rotate-74a463cf 20s linear infinite;
}

@keyframes rotate-74a463cf {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}

.m-img2 {
  display: block;
  position: absolute !important;
  top: 50%;
  left: 50%;
  margin-top: -.65rem;
  margin-left: -.65rem;
  z-index: 2;
  width: 1.3rem;
  height: 1.3rem;
  overflow: hidden;
  animation: rotate2-74a463cf 20s linear infinite;
}

@keyframes rotate2-74a463cf {
  0% {
    transform: rotate(1turn);
  }
  100% {
    transform: rotate(0);
  }
}

.m-img3 {
  position: absolute !important;
  top: 50%;
  left: 50%;
  margin-top: -.48rem;
  margin-left: -.48rem;
  z-index: 3;
  width: .97rem;
  height: .97rem;
  overflow: hidden;
  display: block;
}

.index-xuan__box {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2.02rem;
  height: 2.02rem;
  overflow: hidden;
  margin: 0 auto;
}

.m-img {
  width: 100%;
  display: block;
}

.index-xuan {
  position: relative;
}

.u-notice-bar {
  padding: unset;
}

.uniForms {
  margin: 10px;
  border-radius: 10px;
  background-color: #ffeec6;
  padding: .2rem .15rem;

  :deep(.uni-forms-item__label) {
    color: #573714 !important;
  }

}

/deep/ .uni-forms-item__label {
  color: #573714 !important;
  font-size: .16rem;
  line-height: 36px;
}

/deep/ .uni-forms-item__content[data-v-61dfc0d0] {
  display: flex;
  align-items: center !important;
}

/deep/ .uni-easyinput__placeholder-class {
  font-size: .16rem;
}

/deep/ .uni-easyinput__content-input[data-v-abe12412] {
  padding: unset !important;
  font-size: .16rem !important;
}

/deep/ .uni-forms-item {
  padding: .05rem .12rem !important;
  margin: 7px 0 !important;
  border-radius: .2rem !important;
  border: 1px solid #d5bb7e !important;
  background-color: #fff !important;
  align-items: center !important;
}

.imahe {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;

  .ims {
    background-size: .2rem auto !important;
    height: 34px;
    width: 34px;
    background: url() no-repeat 98%;
  }
}

.index-form__btn {
  margin-top: .1rem;
}

.J_ajax_submit_btnsub {
  display: block;
  height: .5rem;
  text-indent: -9999px;
  background: url(/static/images/logo/0_btn.webp) no-repeat top;
  background-size: auto .5rem;
  animation: btnAnimate 1.5s linear infinite;
}

@keyframes btnAnimate {
  0%, 100% {
    transform: scale(.8);
  }

  50% {
    transform: scale(1);
  }
}

.public_agreement {
  font-size: .14rem;
  color: #666;;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;

  .xieyi {
    color: #af613f;
  }
}

.ppb_content {
  overflow: hidden;
  height: 100%;
  position: relative;
  //padding: .4rem 0;
  left: 50%;
  background-color: #fff;
  box-sizing: border-box;
  transform: translateX(-50%);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
  max-width: 564px;

  /deep/ .segmented-control__text {
    color: black !important;
  }

  /deep/ .segmented-control {
    background-color: #e6e6e6 !important;
  }

  .ppb_tab_text-yinsi {
    overflow-y: scroll;
    height: calc(100% - 90px);
    line-height: 1.8;
    box-sizing: border-box;
    padding: .06rem .14rem .1rem;
    font: 14px / 1.4 "Microsoft Yahei", Arial, Helvetica, sans-serif;
  }

  .ppb_tab_text-fuwu {
    overflow-y: scroll;
    height: calc(100% - 90px);
    line-height: 1.8;
    box-sizing: border-box;
    padding: .06rem .14rem .1rem;
    font: 14px / 1.4 "Microsoft Yahei", Arial, Helvetica, sans-serif;
  }

  .J_tabText {
    font: 14px / 1.4 "Microsoft Yahei", Arial, Helvetica, sans-serif;
    -webkit-tap-highlight-color: transparent;
    margin-top: 0.1rem;
    margin-bottom: 0px;
    padding: 0px;
    border: 0px;
    word-break: break-word;
    line-height: 1.8;
  }

  .J_tabText-zhangjie {
    -webkit-tap-highlight-color: transparent;
    margin: 0.04rem 0px 0px;
    padding: 0px;
    font-family: Helvetica;
    font-size: 1.1em;
    font-weight: lighter;
    border: 0px;
    color: rgb(51, 51, 51);
    line-height: 1.8;
  }

  .J_tabText-xieyi {
    -webkit-tap-highlight-color: transparent;
    margin: 0.16rem 0px 0px;
    padding: 0px;
    font-family: Helvetica;
    font-size: 1.2em;
    font-weight: 600;
    border: 0px;
    color: rgb(51, 51, 51);
    line-height: 1.8;
  }

  .buttons {
    margin-top: 20px;
    width: 60px;
    height: 22px;
    line-height: 22px;
    font-weight: 700;
  }
}

/deep/ .uni-popup__wrapper {
  height: 80%;
  width: 88%;
  background-color: unset !important;
}

.m-box {
  position: relative;
  margin: .2rem .1rem 0;
  background-color: #ffeec6;
  border-radius: .06rem;
  padding: .5rem .05rem .1rem;

  .m-box__title {
    color: #fff8e6;
    text-align: center;
    width: 100%;
    height: .46rem;
    line-height: .44rem;
    background: url(/static/images/logo/m_bg_title.webp) no-repeat 50%;
    background-size: auto .46rem;
    font-size: .18rem;
    position: absolute;
    left: 50%;
    top: -.06rem;
    transform: translateX(-50%);
    font-weight: 700;
  }
}

.uf_ul_wrap {
  margin: 10px;
  height: 2.8rem;
  overflow: hidden;
  position: relative;
}

.dm-item {
  border-bottom: 1px solid #e6d2bd;
  padding: 10px;
  font-size: .15rem;
}

.dm-container {
  position: absolute;
  width: 100%;
  animation: scrolling 30s infinite linear;
}

@keyframes scrolling {
  0% {
    /* 为0时，ios会闪动 */
    transform: translateY(0);
  }
  50% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(-100%); /* 向上滚动 100% 的高度 */
  }
}


.content {
  background-color: #864a30;
}

.names {
  color: #da3c2e;
  display: flex;
}

.public_footer_servers {
  text-align: center;
  color: #6c6c6c;
  padding: .2rem 0;
  font-size: .14rem;
  padding-bottom: 107.391px;

  .m-imgs1 {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
}

.public_test_fixed {
  display: block;
  height: .6rem;
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 100%;
  max-width: 640px;
  background-color: rgba(0, 0, 0, .5);
  z-index: 39;
  transform: translateX(-50%);
  transition: opacity 0.3s ease-in-out;

}

.public_test_fixed-text {
  text-indent: -9999px;
  background: url(/static/images/logo/0_btn111.webp) no-repeat top;
  background-size: auto .5rem;
  margin: .05rem .05rem 0;
  height: .5rem;
  line-height: .5rem;
  display: block;
  text-align: center;
  font-size: .16rem;
  color: #fff;
  border-radius: .05rem;
}

.public_pay_bottom-span--hidden {
  opacity: 0;
  pointer-events: none;
}
</style>
